<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/index/css/reset.css" media="all">
<link rel="stylesheet" type="text/css" href="__PUBLIC__/index/css/style.css" media="all">
<title>岛镇生活智能社区</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- Mobile Devices Support @begin -->
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
<meta content="no-cache" http-equiv="pragma">
<meta content="0" http-equiv="expires">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- apple devices fullscreen -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!-- Mobile Devices Support @end -->



<!--幻灯片-->
<script type="text/javascript" src="__PUBLIC__/index/js/zepto.js"></script>
<script type="text/javascript" src="__PUBLIC__/index/js/swipe.js"></script>


<!--侧边栏-->
<link type="text/css" rel="stylesheet" href="__PUBLIC__/index/css/sliderbar.css" />
<link type="text/css" rel="stylesheet" href="__PUBLIC__/index/css/jquery.mmenu.all.css" />
<style type="text/css">
			.mm-menu li.img a
			{
				font-size: 16px;
			}
			.mm-menu li.img a img
			{
				float: left;
				margin: -5px 10px -5px 0;
			}
			.mm-menu li.img a small
			{
				font-size: 12px;
			}
			.marquee{overflow: hidden;height:20px;float:left;white-space:nowrap;font-size:14px; color:#fff; margin-top:2px;}  
		</style>

		<script type="text/javascript" src="__PUBLIC__/index/js/sliderbar/jquery.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/index/js/sliderbar/jquery.hammer.min.js"></script>
		<script type="text/javascript" src="__PUBLIC__/index/js/sliderbar/jquery.mmenu.min.all.js"></script>
		<script type="text/javascript">

			//	The menu on the left
			$(function() {
				$('nav#menu-left').mmenu();
			});


			//	The menu on the right
			$(function() {

				var $menu = $('nav#menu-right');

				$menu.mmenu({
					position	: 'right',
					classes		: 'mm-light',

					labels		: {
						fixed		: !$.mmenu.support.touch
					},
					
				});

				//	Click a menu-item
				var $confirm = $('#confirmation');
				$menu.find( 'li a' ).not( '.mm-subopen' ).not( '.mm-subclose' ).bind(
					'click.example',
					function( e )
					{
						
						$confirm.show().text( 'You clicked "' + $.trim( $(this).text() ) + '"' );
						$('#menu-right').trigger( 'close' );
					}
				);
			});
		</script>	
</head>

<body onselectstart="return true;" ondragstart="return false;" style="background:#f1f1f1;">
<div class="body">
<div id="page" >
     <div id="header" class="bar">
				<a href="#menu-left"><img src="__PUBLIC__/index/images/ico_menu.png" style="width:28px;"/></a>岛镇生活<a class="friends right" href="{:U('User/login')}"><img src="__PUBLIC__/index/images/user_ico.png" style="height:28px;"/></a>
	  </div>
	  <div class="tab">
	    <ul>
		  <li class="submenu1"><a href="#" class="active"> <i></i> 发现社区</a></li>
      	  <li class="submenu2"><a href="#" >  <i></i> 智慧社区</a></li>
		</ul>
	  </div>
	  <!--内容1-->
	  <div class="tabcont" >
	     <!--幻灯片-->
	     <div id="banner_box" class="box_swipe" >
			<ul>
				<li><a onclick="return false;"><img src="__PUBLIC__/index/images/banner.jpg" alt="岛镇生活" style="width:100%;"></a></li>
				<li><a onclick="return false;"><img src="__PUBLIC__/index/images/banner2.jpg" alt="岛镇生活" style="width:100%;"></a></li>
				<li><a onclick="return false;"><img src="__PUBLIC__/index/images/banner1.jpg" alt="岛镇生活" style="width:100%;"></a></li>
			   
			</ul>
			<ol>
				<li class="on"></li>
				<li></li>
				<li></li>
			</ol>
		</div>
		<script>
		$(function(){
			new Swipe(document.getElementById('banner_box'), {
				speed:500,
				auto:3000,
				callback: function(){
					var lis = $(this.element).next("ol").children();
					lis.removeClass("on").eq(this.index).addClass("on");
				}
			});
		});
	   </script>
		<div class="nav_ico">
		   <ul>
			 <li><a href="__URL__/neighbors.html"><img src="__PUBLIC__/index/images/nav_ico1.png" width="60"/> <br/>邻亲</a></li>
			 <li><a href="__URL__/life.html"><img src="__PUBLIC__/index/images/nav_ico2.png" width="60"/> <br/>生活</a></li>
			 <li><a href="{:U('Property/index')}"><img src="__PUBLIC__/index/images/nav_ico3.png" width="60"/> <br/>物业</a></li>
			 <li><a href="#"><img src="__PUBLIC__/index/images/nav_ico4.png" width="60"/> <br/>城事</a></li>
		   </ul>
		 </div>
		 <div class="index_news">
		   <ul>
			 <li>
			   <a class="" href="#">
				<div class="news_images" style=""><img src="__PUBLIC__/index/images/news_pic1.jpg" width="80"/></div>
				<div class="news_r">
					<h2 class="n_t">岛镇生活服务网开通啦!</h2>
					<p>岛镇生活网提出“陪伴型”...</p>
				</div>
				<div class="time">08-01</div>
				<div class="tag tag-green"><span>社区公告</span></div>
			   </a>
			 </li>
			 <li>
			   <a class="" href="#">
				<div class="news_images" style=""><img src="__PUBLIC__/index/images/news_pic2.jpg" width="80"/></div>
				<div class="news_r">
					<h2 class="n_t">双车道“德兴桥正式通车!</h2>
					<p>岛镇生活网提出“陪伴型”...</p>
				</div>
				<div class="time">08-01</div>
				<div class="tag tag-green"><span>小城大事</span></div>
			   </a>
			 </li>
			 <li>
			   <a class="" href="#">
				<div class="news_images" style=""><img src="__PUBLIC__/index/images/news_pic3.jpg" width="80"/></div>
				<div class="news_r">
					<h2 class="n_t">艺术类本科提前批填报结 !</h2>
					<p>岛镇生活网提出“陪伴型”...</p>
				</div>
				<div class="time">08-01</div>
				<div class="tag tag-green"><span>社区公告</span></div>
			   </a>
			 </li>
		   </ul>
		 </div>
	   <div class="clear"></div>
	 <footer style="margin-bottom:20px;">©2014 岛镇生活 技术支持：微客信息 </footer>
	 </div>
	 <!--内容2 隐藏-->
	 <div class="tabcont" style="display:none">
	   <div class="zh_btn">
	     <div class="weather"><img src="__PUBLIC__/index/images/weather.png" alt="天气插件" height="30"/></div>
		  <table width="250">
		    <tr>
			  <td><a href="#"><img src="__PUBLIC__/index/images/w_ico1.png" alt="呼叫记录" width="100"/></a></td>
			  <td><a href="#"><img src="__PUBLIC__/index/images/w_ico2.png" alt="智慧门铃" width="100"/></a></td>
			</tr>
			<tr>
			  <td><a href="#"><img src="__PUBLIC__/index/images/w_ico3.png" alt="视频监控" width="100"/></a></td>
			  <td><a href="#"><img src="__PUBLIC__/index/images/w_ico4.png" alt="智能家居" width="100"/></a></td>
			</tr>
			<tr>
			  <td><a href="#"><img src="__PUBLIC__/index/images/w_ico5.png" alt="申请开通" width="100"/></a></td>
			  <td><a href="#"><img src="__PUBLIC__/index/images/w_ico6.png" alt="在线客服" width="100"/></a></td>
			</tr>
		  </table>
		  <div style="height:30px;"></div>
	   </div>
	 </div>
	 
	
	 
	  
	
	
     
	<nav id="menu-left">
	    
		<ul>
			<li style="text-align:center; color:#fff; font-size:16px; ">
			   <p class="user_header"><a href="#"><img src="__PUBLIC__/index/images/user.jpg" width="120"/></a></p>
			   <p class="user_name">Mybaby_594</p>
               <p style="font-size:18px"><img src="__PUBLIC__/index/images/ico_map1.png" width="20"/> 福建，福州</p>
			   <table style="margin-bottom:10px; font-size:14px;">
			    <tr>
				  <td>
				   <a href="#">
				    <b style="font-size:18px">1280</b><br/>
				    我的积分
					</a>
				  </td>
				  <td>
				    <b style="font-size:18px">12</b><br/>
				    我的收藏
				  </td>
				  <td>
				    <b style="font-size:18px">1</b><br/>
				    我的消息
				  </td>
				</tr>
			   </table>
			</li>
			<li><span class="ss"><input type="text" value="Search" class="ss_ipt"><input type="button" class="ss_btn"/></span></li>
			<li><a href="#"><img src="__PUBLIC__/index/images/slider_ico1.png"/> 我的家庭</a></li>
			<li><a href="#"><img src="__PUBLIC__/index/images/slider_ico2.png"/> 签到</a></li>
			<li><a href="#"><img src="__PUBLIC__/index/images/slider_ico3.png" /> 设置</a></li>
			<li><a href="#"><img src="__PUBLIC__/index/images/slider_ico4.png"/> 帮助</a></li>

		</ul>
	</nav>
	
    </div>
    </div>
    


</body></html>
